<!--
 * @Author: 何 海深 813936564@qq.com
 * @Date: 2023-12-08 09:56:39
 * @LastEditors: 何 海深 813936564@qq.com
 * @LastEditTime: 2023-12-08 10:16:07
 * @FilePath: \gq-one-map-fornt-end\src\components\gq-empty-data\index.vue
 * @Description:无数据显示
-->
<template>
  <div class="empty-data">
    <slot>暂无数据</slot>
  </div>
</template>
<script lang="ts" setup></script>
<style lang="scss" scoped>
.empty-data {
  width: 100%;
  height: 100%;
  background: url('../../assets/images/globalCommon/icon_no_data.png') no-repeat center center;
  background-size: auto 40%;
  display: flex;
  justify-content: center;
  align-items: splace-around;
  color: #1e95eb;
  font-size: 16vh * $Bh;
  font-weight: bold;
  line-height: 100%;
}
</style>
